<!-- 用户档案 -->
<script setup>
// 导入模块
import { useRoute } from "vue-router";
import { ref, computed } from "vue";

// 获取当前激活的路由的信息对象
const route = useRoute();
// 获取用户的name，这里使用route.query而不是route.params
const name = computed(() => route.query.name);
</script>
<template>
	<div class="">
		<h1>我是用户档案name: {{ name }}</h1>
	</div>
</template>
<style scoped>
/* scoped表示旨在本文件内起作用，局部声明 */
</style>
